@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://mozapps/content/extensions/extensions.xul"), url("about:addons") {


/*
By banthaz
Version 1.4.1 (Sep 04 2013)
*/


/************************** LIST ITEMS STYLE ***************************/


/* Description & Buttons, but not Update Available Message - Hide on not selected items */
.addon:not([selected]) :-moz-any(
    .description-outer-container,
    .control-container,
    .addon-control.update,
    .include-update
  ),
.addon:not([selected]) .status-container > hbox
{
visibility: collapse !important;
}
.addon:not([selected]) .advancedinfo-container
{
margin-top: -20px !important;
}


/* Update Available Message - Add icon & Remove text on not selected items */
.content-container
{
position: relative !important;
}
#categories:not([last-selected="category-availableUpdates"]) + #view-port-container .update-available::before
{
content: url("") !important;
position: absolute !important;
left: 8px !important;
top: 8px !important;
}
#categories:not([last-selected="category-availableUpdates"]) + #view-port-container .addon:not([selected="true"]) .update-available
{
font-size: 0 !important;
width: 0 !important;
overflow: hidden !important;
}
#categories:not([last-selected="category-availableUpdates"]) + #view-port-container .addon[selected="true"] .update-available::before
{
left: 24px !important;
top: 24px !important;
}


/* Smaller font */
.addon .name-container,
#header
{
font-size: 11.9px !important;
}


/* Buttons - Move to the left */
.advancedinfo-container
{
display: block !important;
margin-top: -5px !important;
}
.description-outer-container
{
width: 100% !important;
}
.status-container,
.control-container
{
-moz-box-pack: start !important;
}
.update-available
{
-moz-box-align: start !important;
}


/* Extensions section - Always show "Settings" button, to reduce mis-clicking on "Disable"  */
#categories[last-selected="category-extension"] + #view-port-container .control-container .addon-control.preferences[hidden]
{
display: -moz-box !important;
opacity: 0.5 !important;
}


/* Icons - Fix sizes */
.addon[selected] .icon-container,
.addon[selected] .icon
{
width: 32px !important;
height: 32px !important;
}
.addon:not([selected]) .icon-container,
.addon:not([selected]) .icon
{
width: 16px !important;
height: 16px !important;
}
.icon-container
{
margin: 0 !important;
margin-top: 2px !important;
}


/* Messages - Move nicer */
.addon > :-moz-any(.warning, .error, .pending)
{
margin-left: 0 !important;
}


/* Show updated date on selected add-on */
#list-view:not([type="userstyle"]) .addon[selected="true"] .date-updated
{
display: -moz-box !important;
}


/* "(Inactivated)" & "(Update)" - Remove */
.disabled-postfix,
.update-postfix
{
display: none !important;
}


/* Fixes for OmniSidebar */
#addons-page.inSidebar .view-pane,
#addons-page.inSidebar #header,
#addons-page.inSidebar .list .name-container,
#addons-page.inSidebar #updates-list .name-container,
#addons-page.inSidebar #updates-list .control-container
{
font-size: 11.9px !important;
}
#addons-page.inSidebar .basicinfo-container
{
display: -moz-box !important;
}
#addons-page.inSidebar .view-pane richlistitem
{
padding: 0 5px 2px 5px !important;
}
#addons-page.inSidebar .addon .content-container
{
height: auto !important;
}
#addons-page.inSidebar .warning-icon,
#addons-page.inSidebar .pending-icon,
#addons-page.inSidebar .error-icon
{
width: 16px !important;
height: 16px !important;
}
#addons-page.inSidebar .list image
{
max-width: none !important;
max-height: none !important;
}
#addons-page.inSidebar .list button
{
margin: 2px 0 2px 6px !important;
}
#addons-page.inSidebar .list richlistitem .description
{
display: -moz-box !important;
}
#addons-page.inSidebar .list richlistitem .description-container
{
margin-left: 7px !important;
}





/************************** CATEGORIES STYLE ***************************/


/* Labels - Remove */
#addons-page:not(.inSidebar) .category-name
{
display: none !important;
}


/* Fix badges */
#addons-page:not(.inSidebar) .category-badge
{
margin-left: -10px !important;
margin-bottom: -26px !important;
padding: 0 !important;
padding-left: 2px !important;
padding-right: 2px !important;
}
#addons-page:not(.inSidebar) .category-badge:-moz-any([value="1"], [value="2"], [value="3"], [value="4"], [value="5"], [value="6"], [value="7"], [value="8"], [value="9"])
{
padding-left: 5px !important;
padding-right: 5px !important;
}


/* Create popup bar */
@media all and (max-width: 37em) { /* (*) */
#addons-page:not(.inSidebar) #categories
{
position: fixed !important;
left: 0 !important;
z-index: 1 !important;
margin: 0 !important;
padding: 5px !important;
background-color: rgba(204, 217, 234, 0.95) !important;
border: 1px solid grey !important;
border-left: none !important;
border-radius: 0 5px 5px 0 !important;
transition: margin-left 0.5s !important;
}
#addons-page:not(.inSidebar) #categories:not(:hover)
{
margin-left: -55px !important;
transition: margin-left 0.5s 200ms !important;
}
#addons-page:not(.inSidebar) #categories .category
{
width: 50px !important;
padding: 0 !important;
}
#addons-page:not(.inSidebar) #categories .category image
{
margin: 0 !important;
margin-left: 8px !important;
}
#addons-page:not(.inSidebar) #categories .category[selected]
{
border: 1px solid rgb(195, 206, 223) !important;
border-radius: 5px !important;
}
}
/*
(*) That line enables this code block only if the width is less than or equal to 37em (modify if you want), since there's no reason to collapse the categories into a "popup bar" otherwise.
    Because of that, the style can be useful even for those who use the Add-ons Manager in a tab!
    Thanks to 2k1dmg (http://userstyles.org/users/108444)!
*/





/******************************** OTHER ********************************/


/* Whole page - Less padding */
#addons-page
{
padding: 8px !important;
}


/* Add counter of enabled/disabled add-ons */
.addon
{
counter-increment: enabled !important;
}
.addon[active="false"]
{
counter-increment: disabled !important;
}
#addons-page:not(.inSidebar) #categories:not(:-moz-any(
    [last-selected="category-search"],
    [last-selected="category-discover"],
    [last-selected="category-availableUpdates"],
    [last-selected="category-recentUpdates"]
  )) + #view-port-container #addon-list::after
{
content: counter(enabled) "+" counter(disabled) !important;
position: absolute !important;
left: 0 !important;
top: -1.4em !important;
width: 100% !important;
text-align: center !important;
cursor: default !important;
}
#view-port-container
{
position: relative !important;
overflow: visible !important;
}


/* Back & Forward buttons - Make sure that they are displayed */
#header > .nav-button
{
display: -moz-box !important;
}


/* Tools button - Fix margins */
#header-utils-btn
{
margin: 0 3px !important;
}


/* Flexible Searchbar, allowing for a narrower window */
#header-search
{
-moz-box-flex: 1 !important;
max-width: 20em !important;
}


/* Add-on detail pages - Remove wasted space */
#detail-notifications + hbox,
#detail-desc-container,
#detail-contributions > hbox
{
-moz-box-orient: vertical !important;
}
.detail-view-container:not(#overrideOmniSidebar)
{
padding: 0 10px !important;
overflow-x: hidden !important;
}
#detail-notifications
{
margin: 0 !important;
}
#detail-screenshot:not(#overrideOmniSidebar),
#detail-icon:not(#overrideOmniSidebar)
{
max-width: none !important; /* Required to give the text auto width. */
max-height: none !important;
margin: 0 !important;
}
#detail-icon-container
{
float: left !important;
}


/* Add-on detail pages - Stack tables */
#detail-grid > rows > row:-moz-any(.detail-row-complex:not([hidden]), .detail-row:not([hidden])[value]),
#detail-updates-row > hbox > *
{
display: inline !important;
}
#detail-grid > rows > row:-moz-any(.detail-row-complex:not([hidden]), .detail-row:not([hidden])[value]) > label.detail-row-label
{
width: 100% !important;
}
#detail-grid > rows > row > :nth-child(2)
{
margin-left: 20px !important;
}
#detail-grid > rows > row:-moz-any(.detail-row-complex:not([hidden]), .detail-row:not([hidden])[value]) > label:not(.detail-row-label)
{
margin-left: 25px !important;
}
#detail-rows > setting
{
width: 100% !important;
}
#detail-rows > setting > vbox
{
-moz-box-ordinal-group: 2 !important;
}
#detail-rows > setting[collapsed]
{
display:none!important;
}
#detail-controls > spacer
{
display: none !important;
}

}